<template>
  <div class="formlist_box">
    <el-row :gutter="10">
      <el-col :xs="12" :sm="8" :md="8" :lg="6" :xl="4" v-for="item in reportinfoList">
        <el-card style="height:200px;margin:12px 12px 0 0">
          <div slot="header" class="clearfix">
            <span>{{item.name}}</span>
            <el-button style="float: right; padding: 3px 0" type="text" @click="go(item.id,item.name)">查看</el-button>
          </div>
          <div class="formlist_boxDetails">
            <p>创建时间：{{item.createTime}}</p>
            <p>名称：{{item.name}}</p>
            <p>版本号：{{item.version}}</p>
          </div>
        </el-card>
      </el-col>
    </el-row>
    <!-- <div class="formGroupbox clear">
      <div class="flist_item" v-for="item in reportinfoList">
        <el-card style="height:200px;margin:12px 12px 0 0">
          <div slot="header" class="clearfix">
            <span>{{item.name}}</span>
            <el-button style="float: right; padding: 3px 0" type="text" @click="go(item.id)">查看</el-button>
          </div>
          <div class="formlist_boxDetails">
            <p>创建时间：{{item.createTime}}</p>
            <p>名称：{{item.name}}</p>
            <p>版本号：{{item.version}}</p>
          </div>
        </el-card>
      </div>
    </div> -->
  </div>
</template>

<script>
export default {
  props:['reportinfoList','routeLink'],
  methods:{
    go(id,name){
      this.routeLink(id,name);
    }
  }
}
</script>
<style lang="scss" scoped>
@import "./style.scss"
</style>
